<template>
	<div class="forumreply">
		<div>

			<el-row>

				<!--评论楼层-->
				<el-footer :span="24">
					<el-col :span="24">
						<el-col :span="2">
							<img src="../../../www/upload/Tulips.jpg" />
						</el-col>
						<el-col :span="22">
							<p :span="22">
								<a>评论者名字&nbsp;</a>
								<i>会员图标&nbsp;</i>
								<a>身份&nbsp;</a>
								<a>发布时间&nbsp;</a>
								<span>关注</span>
								<br><br>
								<a>#101</a>&emsp;<a>12-21</a>
								<article>
									评论内容评论内容评sssssssssssssssss论内容评论内容sssssssssssssssss评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容 评论内容评论内容评sssssssssssssssss论内容评论内容sssssssssssssssss评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容
									评论内容评论内容评sssssssssssssssss论内容评论内容sssssssssssssssss评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容 评论内容评论内容评sssssssssssssssss论内容评论内容sssssssssssssssss评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容
									评论内容评论内容评sssssssssssssssss论内容评论内容sssssssssssssssss评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容 评论内容评论内容评sssssssssssssssss论内容评论内容sssssssssssssssss评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容
								</article>
								<br>
								<span>
									<a>&nbsp;点赞图标</a>
									<a>&nbsp;差评图标</a>
									<a>回复图标</a>
								</span>
								<br>
							</p>
						</el-col>
						<hr>
					</el-col>
					<el-col :span="24">
						<el-col :span="2">
							<img src="../../../www/upload/Tulips.jpg" />
						</el-col>
						<el-col :span="22">
							<p :span="22">
								<a>评论者名字&nbsp;</a>
								<i>会员图标&nbsp;</i>
								<a>身份&nbsp;</a>
								<a>回复时间&nbsp;</a>
								<span>#12</span>
								<article>评论内容评论内容评sssssssssssssssss论内容评论内容sssssssssssssssss评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容</article>
								<br>
								<span>
									<a>&nbsp;点赞图标</a>
									<a>&nbsp;差评图标</a>
									<a>回复图标</a>
								</span>
								<br>
							</p>
							
						</el-col>
						<hr>
					</el-col>
					<el-col :span="24">
						<el-col :span="2">
							<img src="../../../www/upload/Tulips.jpg" />
						</el-col>
						<el-col :span="22">
							<p :span="22">
								<a>评论者名字&nbsp;</a>
								<i>会员图标&nbsp;</i>
								<a>身份&nbsp;</a>
								<a>回复时间</a>
								<span>#12</span>
								<article style="background:#f0f0f0;padding:20px;">
									<font>@&nbsp;2333:</font>合适的福建省地方</article>
								<br>
								<span>
									<a>&nbsp;点赞图标</a>
									<a>&nbsp;差评图标</a>
									<a>回复图标</a>
								</span>
								<br>
							</p>
						</el-col>
						<hr>
					</el-col>
					<el-col :span="24">
						<el-col :span="2">
							<img src="../../../www/upload/Tulips.jpg" />
						</el-col>
						<el-col :span="22">
							<p :span="22">
								<a>评论者名字&nbsp;</a>
								<i>会员图标&nbsp;</i>
								<a>身份&nbsp;</a>
								<a>回复时间&nbsp;</a>
								<span>#12</span>
								<article>评论内容评论内容评sssssssssssssssss论内容评论内容sssssssssssssssss评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容</article>
								<br>
								<span>
									<a>&nbsp;点赞图标</a>
									<a>&nbsp;差评图标</a>
									<a>回复图标</a>
								</span>
								<br>
							</p>
						</el-col>
						<hr>
					</el-col>
					<el-col :span="24">
						<el-col :span="2">
							<img src="../../../www/upload/Tulips.jpg" />
						</el-col>
						<el-col :span="22">
							<p :span="22">
								<a>评论者名字&nbsp;</a>
								<i>会员图标&nbsp;</i>
								<a>身份&nbsp;</a>
								<a>回复时间&nbsp;</a>
								<span>#12</span>
								<article>评论内容评论内容评sssssssssssssssss论内容评论内容sssssssssssssssss评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容</article>
								<br>
								<span>
									<a>&nbsp;点赞图标</a>
									<a>&nbsp;差评图标</a>
									<a>回复图标</a>
								</span>
								<br>
							</p>
						</el-col>
						<hr>
					</el-col>
					<!--用于占位的-->
					<el-col :span="24">
						<br/>
					</el-col>
				</el-footer>
				<el-col style='width:90%;position:fixed;bottom:0;background:#fafafa;padding:0px;margin:0 auto;'>
						<el-col :span='1'>
							<i>表情图标</i>
						</el-col>
						<el-col :span='22'>
							<el-input v-model="input" placeholder="说点啥子吧"></el-input>
</el-input>
						</el-col>
						<el-col :span='1'>
							<i>回复图标</i>
						</el-col>
					</el-col>
			</el-row>
		</div>
	</div>
</template>
<script>
	export default {
		name: 'ForumReply',
		data() {
			return {
				msg: '评论详情页',
				//评论的文本框默认值
				textarea: ''
			}
		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
	.forumreply {
		background: white;
		position: relative;
		overflow: hidden;
		width: 90%;
		margin: 0px auto;
		text-align: left;
	}
	
	ul {
		padding-left: 20px;
	}
	
	.forumreply div:first-child {
		padding: 12px 0;
	}
	
	header {
		height: auto!important;
	}
	
	.forumreply span {
		float: right;
		text-align: left;
		font-size: 12px;
	}
	
	img {
		width: 75px;
		height: 75px;
		border-radius: 50%;
	}
</style>